import tpl from './index.tpl'
import './index.scss'
import { tplReplace } from '../../../utils/tools';

export default () => {
    return {
        name: 'carouselIndicator',
        tpl (swiperData) {
            let list = '',
                item;

            for (let i = 0; i < swiperData.length; i++) {
                item = swiperData[i];

                list += tplReplace(tpl, {
                    //这里的 !i 主要的目的就是初次渲染时给第一个indicator加上白色背景，因为只有第一个的index是0，也只有!0才是true，其他的都是false了
                    indicatorItemStyle: !i ? 'indicator-item current' : 'indicator-item'
                })
                
            }

            return list;
        }
    }
}